<template>
	<div class="footer">
		<div class="cout">
			<p class="p_one"><img src="../../assets/home/logo_03.png"><span><b>010-8646-9812</b><small>专业的服务，从来电咨询开始</small></span></p>
			<p class="p_two">京ICP证070359号  Copyright© 2017 锋景卓越 版权所有</p>
		</div>
	</div>
</template>
<script>
	export default{
		name:'footer',
		data(){
			return{

			}
		}
	}
</script>
<style scoped>
@media only screen and (min-width: 1000px){
	.footer{
		width: 100%;
		background:url('../../assets/home/bottombar.jpg') no-repeat;
		background-size: 100% 100%;
		 
	}
	.cout{
		width: 1000px;
		margin:0 auto;
		height:180px;
		text-align: center;
	}
	.p_one{
		padding: 45px 0;
	}
	.p_one span{
		display: inline-block;
		margin-left: 111px;
		color: #fff;
	}
	.p_one img{
		margin-top:-25px;
	}
	.p_one span b{
		display: block;
		font-weight: 600;
		font-size: 24px;
	}
	.p_one span small{
		font-size: 14px;
	}
	.p_two{
		color:#999999;
		font-size: 14px;

	}
	
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	.footer{
		width: 100%;
		background:url('../../assets/home/bottombar.jpg') no-repeat;
		background-size: 100% 100%;
		height:70px;
		 
	}
	.cout{
		width: 100%;
		margin:0 auto;
		text-align: center;

	}
	 .p_one{
		padding:10px 0;
	}
	.p_one span{
		display: inline-block;
		margin-left: 20px;
		color: #fff;
		text-align: left;

	}
	.p_one img{
		width: 25%;
		margin-top:-16px;
		
	}
	.p_one span b{
		display: block;
		font-size: 12px;
	}
	.p_one span small{
		font-size: 10px;
	}
	.p_two{
		color:#999999;
		font-size: 10px;
	} 
}

</style>